/* * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-crazy
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-crazy {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake-crazy:hover,
.shake-trigger:hover .shake-crazy {
  animation-play-state: running; }

@keyframes shake-crazy {
  10% {
    transform: translate(19px, -6px) rotate(10deg);
    opacity: 0.2; }
  20% {
    transform: translate(-8px, -5px) rotate(2deg);
    opacity: 0.12; }
  30% {
    transform: translate(-19px, 4px) rotate(-5deg);
    opacity: 0.46; }
  40% {
    transform: translate(11px, 10px) rotate(2deg);
    opacity: 0.84; }
  50% {
    transform: translate(-3px, -18px) rotate(-5deg);
    opacity: 1; }
  60% {
    transform: translate(1px, 17px) rotate(-4deg);
    opacity: 0.29; }
  70% {
    transform: translate(10px, -9px) rotate(-9deg);
    opacity: 0.9; }
  80% {
    transform: translate(5px, 1px) rotate(-8deg);
    opacity: 0.07; }
  90% {
    transform: translate(-6px, -3px) rotate(8deg);
    opacity: 0.37; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-crazy:hover,
.shake-trigger:hover .shake-crazy,
.shake-crazy.shake-freeze,
.shake-crazy.shake-constant {
  animation: shake-crazy 100ms ease-in-out infinite; }